<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="/static/base/common/css/sapar.css" />
    <link rel="stylesheet" type="text/css" href="/static/base/common/css/common.css" />
    <link rel="stylesheet" type="text/css" href="/static/webjars/layui/css/layui.css"/>
    <script type="text/javascript" src="/static/base/common/js/jquery.js"></script>
    <script type="text/javascript" src="/static/base/common/js/sapar.js"></script>
    <title>逆向提醒报告</title>
    <style>
        #mapContainer{height:600px}
        <%--百度地图取消显示logo--%>
        .BMap_cpyCtrl {display: none;}
        .anchorBL {display: none;}
        .search{
            padding:15px 10px;
        }
        .search button{
            background-color:rgb(59,159,225);
        }
    </style>
</head>

<body>
<div id="saper-container">
    <div id="saper-hd">
    </div>
    <div id="saper-bd">
        <div class="subfiled clearfix">
            <h2>逆向提醒报告</h2>
        </div>
        <table id="evaluate" lay-filter="data"></table>
    </div>
    <div id="saper-ft"></div>
</div>
</body>
<script type="text/javascript" src="/static/webjars/layui/layui.js"></script>
<script type="text/html" id="manage">
    <a class="layui-btn layui-btn-xs" lay-event="notice">逆向提醒</a>
</script>
<script type="text/javascript">
layui.use('table',function(){
    var table = layui.table;
    //加载数据
    table.render({
        elem: '#evaluate'
        ,height: 'full-200'
        ,url: '/ajax/commandajax/notice' //数据接口
        ,page: true //开启分页
        ,cols: [[ //表头
            { title: '标题',width:100,sort: true, fixed: 'left',templet:function(d){
                    if(d.ctReport.title === undefined || d.ctReport.title === null){
                        return "无标题";
                    }
                    return d.ctReport.title;
                }}
            ,{title: '上报人',width:100,sort:true,templet:function(d){

                console.log(d);
                    if(d.reportName === undefined || d.reportName === null){
                        return "未分配";
                    }
                    return d.reportName;
                }},
            {title: '联系电话',width:150,sort:true,templet:function(d){
                    if(d.reportTel === undefined || d.reportTel === null){
                        return "无联系方式";
                    }
                    return d.reportTel;
                }}
            ,{title: '报备时间',width:180,sort:true,templet:function(d){

                    return d.createTimeName;
                }}
            ,{title: '结案时间',width:180,templet:function(d){
                    return d.ctReport.updateTime;
                }}
            ,{title:'案件地点',templet:function(d){
                    return d.townName+"-"+d.villageName+"-"+d.ctReport.address;
                }}
            ,{title: '案件内容',templet:function(d){
                    return d.ctReport.content;
                }}
            ,{toolbar:'#manage',title:'操作',align:'center',fiexd:'left',width:178}
        ]]
        ,id: 'reload'
        ,page: true
        ,height:  'full-200'
    });
    //点击事件
    table.on('tool(data)', function(obj){
        if(obj.event === 'notice'){
            layer.alert('请联系相关人员！', {icon: 1});
        }
    });




});
</script>
</html>